// 登录
// $('.login a').on('click', function () {
//     $('.login').hide().next().show();
// })
// $('.register a').on('click', function () {
//     $('.login').show().next().hide();
// })


// // 注册
// $('.register form').on('submit', function (e) {
//     e.preventDefault();
//     var data = $(this).serialize();

//     $.ajax({
//         type: " POST",
//         url:'/api/reguser',
//         data: data,
//         success: function (res) {
//             layer.msg(res.message)
//             if (res.status === 0) {
//                 $('.register form')[0].reset()
//                 $('.login').show().next().hide();
//             }
//         }
//     })
// })


// // 注册的表单验证
// // 1必填项不能为空
// // 2密码长度6到12
// // 3两次密码一致
// var form = layui.form;
// form.verify({
//     len: [/^\S{6,12}$/, '密码长度6到12位'],
//     same: function (val) {
//         var pwd = $('.pwd').val()
//         if (pwd !== val) {
//             return "两次密码不一致"
//         }
//     }
// })













// ----------------------切换两个盒子的显示和隐藏-----------------------------
//  点击登录的盒子的超链接，让登录的盒子隐藏，让注册的盒子显示
$('.login a').on('click', function () {
    $('.login').hide().next().show();
})
//  点击注册的盒子的超链接，让注册的盒子隐藏，让登录的盒子显示
$('.register a').on('click', function () {
    $('.login').show().next().hide();
})

// ---------------------------------------
// 注册的表单，注册submit事件-->组织默认行为-->手机表单数据--> Ajax提交给接口
$('.register form').on('submit', function (e) {
    e.preventDefault();
    // serialize||FormData
    var data = $(this).serialize();
    $.ajax({
        type: 'POST',
        url: '/api/reguser',
        data: data,
        success: function (res) {
            // console.log(res);
            // 无论成功还是失败都会给提示
            layer.msg(res.message);
            // 如果注册成功,清空输入框的值;切换到登录的盒子
            if (res.status == 0) {
                $('.register form')[0].reset();
                $('.login').show().next().hide();
            }
        }
    })
})
// --------------注册的表单验证------------------
// 1.必填项不能为空(三个输入框都要验证)
// 2.密码必须6~12位并且不能出现空格(密码,重复密码)
// 3.两个密码必须一致(重复密码框)
// 使用form模块,必须加载模块 (var 变量 = layui.模块名)
var form = layui.form;
// 调用for.verify()方法  自定义表单验证
form.verify({
    // 键(验证规则):值(验证方法)
    //值可以为数组
    // len:['正则表达式','验证不通过的提示']
    len: [/^\S{6,12}$/, '密码长度不对'], //坑:注意是{6,12} 不是{6, 12} 注意空格

    // 值也可以为函数
    same: function (val) {
        // 形参表示,使用该验证规则的输入框值,这里 val 表示我们输入的确认密码
        var pwd = $('.pwd').val();
        if (pwd !== val) {
            // return "验证不通过的值"
            return '两次密码不一致'
        }
    }
})




// 登录
$('.login form').on('submit', function (e) {
    e.preventDefault()
    var data = $(this).serialize()
    console.log(data);
    $.ajax({
        type: 'POST',
        url: '/api/login',
        data:data,
        success:function(res){
            layer.msg(res.message)
            if(res.status===0){
                localStorage.setItem('token',res.token)
                location.href='./index.html'
                alert('成功')
            }
        }
    })
})




